<template>
	<scroll-view scroll-y class="public-scroll-view">
		<view class="default-size-button">
			<button type="primary">页面主操作</button>
			<button type="primary" loading="true">页面主操作（加载）</button>
			<button type="primary" disabled="true">页面主操作 （禁用）</button>
			<button type="default">页面次要操作</button>
			<button type="default" disabled="true">页面次要操作（禁用）</button>
			<button type="warn">警告类操作</button>
			<button type="warn" disabled="true">警告类操作（禁用）</button>
			<button type="primary" plain="true">按钮</button>
			<button type="primary" disabled="true" plain="true">不可点击的按钮</button>
			<button type="default" plain="true">按钮</button>
			<button type="default" disabled="true" plain="true">按钮</button>
		</view>

		<view class="mini-size-button">
			<button type="primary" size="mini">按钮</button>
			<button type="default" size="mini">按钮</button>
			<button type="warn" size="mini">按钮</button>
		</view>
	</scroll-view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.default-size-button {
		padding-top: 20rpx;
	}

	.default-size-button>button {
		width: 85%;
		margin-bottom: 20rpx;
	}

	.mini-size-button {
		display: flex;
	}
</style>